<html>
  <head>
    <title>Gerrit Code Review - Sign In</title>
    <style>
      #error_message {
        padding: 5px;
        margin-left: 5px;
        margin-bottom: 5px;
        width: 20em;
        background-color: rgb(255, 255, 116);
        font-weight: bold;
      }
      #cancel_link {
        margin-left: 45px;
      }
      #logo_box {
        padding-left: 160px;
      }
      #logo_img {
        width: 239px;
        height: 240px;
        background: url('') no-repeat 0px 0px;
      }
    </style>
    <style id="gerrit_sitecss" type="text/css"></style>
  </head>
  <body class="login" id="login_oauth">
    <div id="gerrit_topmenu" style="height:45px;" class="gerritTopMenu"></div>
    <div id="gerrit_header"></div>
    <div id="gerrit_body" class="gerritBody">
      <h1>Sign In to Gerrit Code Review at <span id="hostName">example.com</span></h1>
      <form method="POST" action="#" id="login_form">
        <input type="hidden" name="link" id="f_link" value="1" />
        <div id="logo_box"><div id="logo_img"></div></div>
        <div id="error_message">Invalid OAuth provider.</div>

        <div>Available OAuth providers:</div>

        <div id="providers">
        </div>

        <div>
          <a href="../" id="cancel_link">Cancel</a>
        </div>

        <div style="margin-top: 25px;">
          <h2>What is OAuth protocol?</h2>
          <p>OAuth is an open standard for authorization. OAuth provides client applications a 'secure delegated access'</p>
          <p>to server resources on behalf of a resource owner. It specifies a process for resource owners to authorize</p>
          <p>third-party access to their server resources without sharing their credentials.</p>
        </div>
      </form>
    </div>
    <div style="clear: both; margin-top: 15px; padding-top: 2px; margin-bottom: 15px;">
      <div id="gerrit_footer"></div>
    </div>
  </body>
</html>
